<template>
  <div>
    
     <el-submenu  ref="subMenu"  v-if="item.children">
      <template slot="title">
        <!-- <i :class='`el-icon-${item.children[0].meta.icon}`'></i> -->
        <svg-icon :icon-class='item.children.meta.icon' />
        <span>{{item.children.meta.title}}</span>
      </template>
      
    </el-submenu>
     <!-- :base-path="resolvePath(child.path)" -->
  </div>
</template>

<script>
export default {
  name: 'SidebarItem',
  
  props: {
    item: {
      type: Object,
      required: true
    },
    // basePath: {
    //   type: String,
    //   require: true
    // }
  },
  created(){
      console.log(this.item);
    },
}
</script>